<!DOCUMENT html><html><head><meta charset="UTF-8"><title>Alpha家庭服务助手</title>
<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Oxygen);</style>
<style type="text/css">@charset "UTF-8";
/*** base style for impress ***/
/************/
/*** Font ***/
/************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  font-family: "Oxygen", georgia, "\5FAE\8EDF\6B63\9ED1\9AD4", "sans-serif";
  min-height: 740px;
  background: #d7d7d7;
  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(#f0f0f0), to(#9ba5af));
  background: -webkit-radial-gradient(#f0f0f0, #9ba5af);
  background: -moz-radial-gradient(#f0f0f0, #9ba5af);
  background: -ms-radial-gradient(#f0f0f0, #9ba5af);
  background: -o-radial-gradient(#f0f0f0, #9ba5af);
  background: radial-gradient(#f0f0f0, #9ba5af); }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
    Now let's bring some text styles back ...
*/
b, strong {
  font-weight: bold; }

i, em {
  font-style: italic; }

sub, sup {
  position: relative; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

/*
    ... and give links a nice look.
*/
.step a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  padding: 0 0.3em;
  background: #3e4852;
  border-radius: 0.2em;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  .step a:hover, .step a:focus {
    color: rgba(255, 255, 255, 0.9);
    background: #54626f;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-decoration: none; }

/*
    step style
*/
.impress-enabled .step {
  margin: 0;
  opacity: 0.3;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s; }
  .impress-enabled .step.active {
    opacity: 1; }

.step {
  cursor: pointer;
  position: relative;
  width: 900px;
  padding: 20px;
  margin: 20px auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Oxygen", georgia, "\5FAE\8EDF\6B63\9ED1\9AD4", "sans-serif";
  font-size: 48px;
  /*****************/
  /*** Font-Size ***/
  /*****************/ }
  .step h1, .step .h1 {
    font-size: 124.8px; }
  .step h2, .step .h2 {
    font-size: 103.2px; }
  .step h3, .step .h3 {
    font-size: 81.6px; }
  .step h4, .step .h4 {
    font-size: 62.4px; }
  .step h5, .step .h5 {
    font-size: 48px; }
  .step h6, .step .h6 {
    font-size: 40.8px; }

/*
    slide style
*/
.slide {
  display: block;
  line-height: 1.4;
  width: 1000px;
  height: 700px;
  padding: 40px 60px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  color: #666666;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  font-size: 35px;
  letter-spacing: -1px; }
  .slide h1, .slide .h1 {
    font-size: 91px; }
  .slide h2, .slide .h2 {
    font-size: 75.25px; }
  .slide h3, .slide .h3 {
    font-size: 59.5px; }
  .slide h4, .slide .h4 {
    font-size: 45.5px; }
  .slide h5, .slide .h5 {
    font-size: 35px; }
  .slide h6, .slide .h6 {
    font-size: 29.75px; }

/*
    overview
*/
#overview {
 display: none;
}

.impress-on-overview .step {
  opacity: 1; }

/*
    hint
*/
#oi-hint {
  opacity: 0;
  animation: fadeOutUp .6s ease forwards;
  color: rgba(255, 255, 255, 0.8);
  background-color: #3e4852;
  font-size: 20px;
  text-align: center;
  width: 400px;
  height: 100px;
  line-height: 100px;
  position: fixed;
  left: 25px;
  top: 40%;
  border-radius: 5px;
  filter: drop-shadow(0 8px 8px rgba(0, 0, 0, 0.3)); }

#oi-hint b {
  color: #e5b560; }

.impress-on-start-1 #oi-hint {
  animation: fadeInDown .6s ease 3s forwards; }

/*
    stamp
*/
#oi-stamp {
  color: #3e4852;
  font-size: 12px;
  min-width: 166px;
  position: fixed;
  bottom: 5px;
  left: 50%;
  margin-left: -83px;
  opacity: 0;
  animation: fadeOutUp .6s ease forwards; }
  #oi-stamp span {
    color: #d2482e;
    font-size: 15px;
    margin: 0 0.4em; }
  #oi-stamp a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    padding: 0.15em 0.25em;
    margin-left: 0.2em;
    background: #3e4852;
    border-radius: 0.2em;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    #oi-stamp a:hover, #oi-stamp a:focus {
      color: rgba(255, 255, 255, 0.9);
      background: #54626f;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      text-decoration: none; }
  #oi-stamp b {
    font-size: 13px; }

    #start-1 {
        /*padding: 0;*/

        background-image: url(1.png),url(b1.png),url(b3.png);
        background-position: bottom center,bottom left,bottom right;
        background-repeat: no-repeat,no-repeat,no-repeat;
        background-origin:content-box,border-box,border-box;
    }
    #start-2 {
        /*padding: 0;*/

        background-image: url(3.png);
        background-position: top right;
        background-size:25% 25%;
        background-repeat: no-repeat;
        /*background-origin:content-box;*/
    }
    #start-3 {
        /*padding: 0;*/

        background-image: url(4.png);
        background-position: top right;
        background-size:40% 40%;
        background-repeat: no-repeat;
        /*background-origin:content-box;*/
    }
    #start-4 {
        /*padding: 0;*/

        background-image: url(5.png);
        background-position: bottom right;
        background-size:60% 60%;
        background-repeat: no-repeat;
        background-origin:content-box;
    }

    #start-8 {
        /*padding: 0;*/

        background-image: url(b2.png);
        background-position: bottom right;
        /*background-size:60% 60%;*/
        background-repeat: no-repeat;
        background-origin: border-box;
    }


.impress-on-overview #oi-stamp {
  animation: fadeInDown .6s ease 1.5s forwards; }

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }
</style></head><body class="impress-not-supported"><div id="impress"><div class="step slide" id="start-1" data-x="0" data-y="0" data-z="0" data-scale="1" data-rotate="" data-rotate-x="0" data-rotate-y="0" data-rotate-z="0"><p style="text-align: center;">&nbsp;&nbsp;</p>
<p style="text-align: center;">&nbsp;</p>
<h1 style="text-align: center;"><span style="color: #000000;"><span style="background-color: #808080;"><span style="color: #ffffff;">Alph</span><span style="color: #808080; background-color: #ffffff;">a</span></span>家庭服<span style="color: #ffffff; background-color: #808080;"><span style="color: #000000; background-color: #ffffff;">务</span>助手</span></span></h1>
<p>&nbsp;</p>
<p style="text-align: left;">&nbsp; &nbsp;</p>
<p style="text-align: left;">&nbsp;</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><span style="line-height: 18.2px; text-align: center;">&nbsp;</span><span style="line-height: 18.2px; text-align: right; color: #808080;">by:BIT恶龙队</span><span style="line-height: 18.2px; text-align: right;">&nbsp;</span></p></div><div class="step slide" id="start-2" data-x="0" data-y="1000" data-z="0" data-scale="1.25" data-rotate="0" data-rotate-x="0" data-rotate-y="0" data-rotate-z="0"><h2>&nbsp;<span style="text-decoration: underline;"><em>我们的设计理念</em></span></h2>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;">&nbsp;Alpha机器人的有形服务优势</p>
<p style="text-align: center;">&nbsp;+</p>
<p style="text-align: center;">树莓派的开放扩展性</p>
<p style="text-align: center;">&nbsp;+</p>
<p style="text-align: center;">&nbsp;机器人与树莓派的基础交互</p>
<p style="text-align: center;">&nbsp;+</p>
<p style="text-align: center;">&nbsp;依托开放平台提供的服务</p></div>
<div class="step slide" id="start-3" data-x="-1000" data-y="1000" data-z="300" data-scale="1" data-rotate="-90" data-rotate-x="0" data-rotate-y="45" data-rotate-z="-90"><h2><em><span style="text-decoration: underline;">&nbsp;我们做了什么-1</span></em></h2>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h4 style="text-align: center;">&nbsp;一个基于Python的服务平台：</h4>
<p>&nbsp;</p>
<p style="text-align: left;">　 　● 实现与Alpha机器人的通信</p>
<p style="text-align: left;">&nbsp;　　●&nbsp;实现与用户的语音交互</p>
<p style="text-align: left;">　 　●&nbsp;实现利用硬件资源与网络资源添加扩展服务</p></div>
<!-- <div class="step slide" id="start-3-1" data-x="-1500" data-y="500" data-z="300" data-scale="0.1" data-rotate="-90" data-rotate-x="0" data-rotate-y="45" data-rotate-z="-90"></div> -->
<div class="step slide" id="start-4" data-x="1000" data-y="1000" data-z="300" data-scale="1" data-rotate="-90" data-rotate-x="0" data-rotate-y="-45" data-rotate-z="-90"><h2><em><span style="text-decoration: underline;">&nbsp;我们做了什么-2</span></em></h2>
<p>&nbsp;</p>
<p style="font-weight: normal; line-height: 18.2px; text-align: center;">&nbsp;</p>
<h4 style="text-align: center;">&nbsp;一些基于此平台的家庭服务：</h4>
<p>&nbsp;</p>
<p style="text-align: left;">　 　　● 家庭气象站</p>
<p style="text-align: left;">&nbsp;　　　●&nbsp;出行提醒</p>
<p style="text-align: left;">　 　　●&nbsp;动作指令　&nbsp;</p>
<p style="text-align: left;">&nbsp;</p></div><div class="step" id="start-5" data-x="-500" data-y="3000" data-z="0" data-scale="1" data-rotate="-90" data-rotate-x="0" data-rotate-y="0" data-rotate-z="-90"><h3><span style="text-decoration: underline;"><strong>服务平台-通信</strong></span></h3>
<p>&nbsp;</p>
<p>&nbsp;上行：</p>
<p>&nbsp;</p>
<p>程序接口→指令构造→蓝牙STP→Alpha</p>
<p>&nbsp;</p>
<p>&nbsp;下行：</p>
<p>&nbsp;</p>
<p>Alpha→蓝牙STP→指令解析→调用程序</p></div><div class="step" id="start-6" data-x="-500" data-y="4000" data-z="0" data-scale="1" data-rotate="-90" data-rotate-x="0" data-rotate-y="0" data-rotate-z="-90"><h3><span style="text-decoration: underline;"><span style="color: #000000;">服务平台-语音</span></span></h3>
<p>&nbsp;</p>
<p><span style="color: #003300;">语音获取</span>：树莓派外置声卡话筒采集</p>
<p>&nbsp;</p>
<p>语音识别与合成：百度语音API</p>
<p>&nbsp;</p>
<p>语音播放：Alpha机器人自带扬声器</p>
<p>　　　　　　　　　　+</p>
<p>　　　　 树莓派外置声卡连接扬声器</p></div><div class="step" id="start-7" data-x="500" data-y="3000" data-z="0" data-scale="1" data-rotate="90" data-rotate-x="0" data-rotate-y="0" data-rotate-z="90"><h4 style="text-align: left;"><span style="text-decoration: underline;">服务应用-出行/天气提醒</span></h4>
<p>&nbsp;</p>
<p>&nbsp;数据获取：心知天气API+空气质量爬虫</p>
<p>&nbsp;</p>
<p>&nbsp;使用方法：定时播报+语音命令词</p>
<p>&nbsp;</p>
<p>&nbsp;结果呈现：动态语音播放+机器人动作组</p></div><div class="step" id="start-8" data-x="750" data-y="4000" data-z="0" data-scale="1" data-rotate="90" data-rotate-x="0" data-rotate-y="0" data-rotate-z="90"><h4><span style="text-decoration: underline;">服务应用-家庭气象站</span></h4>
<p>&nbsp;</p>
<p>数据获取：温湿度传感器</p>
<p>&nbsp;</p>
<p>使用方法：语音命令词</p>
<p>&nbsp;</p>
<p>结果呈现：动态语音播放</p></div>
<div class="step" id="start-9" data-x="1000" data-y="4500" data-z="0" data-scale="1" data-rotate="45" data-rotate-x="45" data-rotate-y="0" data-rotate-z="45"><h4 style="text-align: center;"><span style="text-decoration: underline;">服务应用-动作指令</span></h4>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;">&nbsp;使用方法：语音命令词</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;">&nbsp;结果呈现：动作组播放</p></div>
<div class="step" id="start-10" data-x="0" data-y="2000" data-z="500" data-scale="3" data-rotate="0" data-rotate-x="315" data-rotate-y="0" data-rotate-z="0"><h4 style="text-align: center;">我们期待中的Alpha机器人</h4>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p style="text-align: center;">&nbsp;家庭生活的小助手</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;">&nbsp;用更亲切的方式感受智能</p></div><div class="step" id="overview" data-x="0" data-y="2000" data-z="0" data-scale="7" data-rotate="0" data-rotate-x="0" data-rotate-y="0" data-rotate-z="0">
</div></div><div id="oi-hint">Use a <b>spacebar</b> or <b>arrow keys</b> to navigate</div><div id="oi-stamp"><b>BIT恶龙队</b><span>♥</span>Powered by <a href="https://oawan.me/Oi" target="_blank">[ Oi ]</a></div>
<!-- <script src="http://cdnjs.cloudflare.com/ajax/libs/impress.js/0.5.3/impress.min.js"></script> -->
<script src="impress.min.js"></script>
<script>impress().init();</script></body></html>
